<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>
  </head>
  <!-- Import style -->
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css" />
  <!-- Import Vue 3 -->
  <script src="//cdn.jsdelivr.net/npm/vue@3"></script>
  <!-- Import component library -->
  <script src="//cdn.jsdelivr.net/npm/element-plus"></script>
  <body>
    <div id="app">
      <el-button type="primary" @click="click">{{ message }}</el-button>
      <div @click="click">{{ toH }}</div>
    </div>
  </body>
  <script>
    const app = Vue.createApp({
      data() {
        return {
          message: '123',
        };
      },
      computed: {
        toH() {
          return parseInt(this.message) * 100;
        },
      },
      methods: {
        click() {
          this.message = '456';
        },
      },
    });
    app.mount('#app');
  </script>
</html>
